<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/service.css">
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-c">
            <div class="logo">
                <img src="img/index-logo.png" alt="">
            </div>
            <ul class="nav">
                <li class="nav-item">
                    <a href="index.html">首页</a>
                    <div class="span">

                    </div>
                </li>
                <li class="nav-item">
                    <a href="project.html">项目</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item">
                    <a href="product.html">产品</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item active">
                    <a href="service.html">服务</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item">
                    <a href="news.html">新闻</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item">
                    <a href="about.html">关于</a>
                    <div class="span">
                        
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 服务部分 -->
    <div class="pro">
        <div class="pro-c">

            <!-- 所在位置 部分 -->
            <div class="title clearfix">
                <!-- 标题左 位置 -->
                <div class="address">
                    <span>您的位置:服务></span>
                    <span style="color: #668aca;">服务范围</span>
                </div>
            </div>  

            <!-- 服务主体部分 -->
            <div class="service clearfix">
                <!-- 服务左 文本 -->
                <a href="">
                    <div class="service-text">
                        <div class="text">
                            <p class="text-canme">
                                翻新改造    
                            </p>
                            <p class="text-ename">
                                Renovate remould
                            </p>
                            <p class="text-desc">
                                墙面涂装体系从底层到面层，层层细致处理，哪怕是细节控，
                                都无可挑剔！所谓的细节控，注重的不只是刷新完成后的结 
                                果，对于施工中的每一个工序，都有着自己的高要求！
                            </p>
                        </div>
                        <div class="text">
                            <p class="text-canme">
                                研究设计
                            </p>
                            <p class="text-ename">
                                Research design
                            </p>
                            <p class="text-desc">
                                要考虑人们的活动规律处理好空间关系，空间尺寸，空间比
                                例；合理配置陈设与家具，妥善解决室内通风，采光与照明，
                                注意室内色调的总体效果。 
                            </p>
                        </div>
                        <div class="text">
                            <p class="text-canme">
                                创新战略
                            </p>
                            <p class="text-ename">
                                Innovation strategy
                            </p>
                            <p class="text-desc">
                                利用抽象的几何学关系或单元体组合的规则，在繁杂中增强
                                秩序，将视觉形态控制在人的美感系统所接受的范围。
                            </p>
                        </div>
                        <div class="text">
                            <p class="text-canme">
                                视觉方案
                            </p>
                            <p class="text-ename">
                                Vision precept 
                            </p>
                            <p class="text-desc">
                                现代的室内装饰更加强调以人为中心进行设计。其大致可以
                                分为两大潮流，一是从使用功能上对室内环境进行设计。
                            </p>
                        </div>
                    </div>
                </a>
                <!-- 服务右 图片 -->
                <div class="service-img">
                    <img src="http://www.bufantec.com/site/jianshe/pages/service/static/img/service-img-1.jpg" alt="">
                    <img src="http://www.bufantec.com/site/jianshe/pages/service/static/img/service-img-2.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="foot">
        <div class="foot-c">
            <div class="foot-item foot1">
                <p class="company">简设装饰有限公司</p>
                <div class="div">
                    <a href="">
                        <img class="icon" src="img/foot-icon1.png" alt="">
                    </a>
                   <a href="">
                        <img class="icon" src="img//foot-icon2.png" alt="">
                   </a>
                    <a href="">
                        <img class="icon" src="img/foot-icon3.png" alt="">
                    </a>
                </div>
            </div>
            <div class="foot-item foot2">
                <p class="info">地址：中国地区**分区6号写字楼888室</p>
                <p class="info">电话：688-8888-008</p>
                <p class="info">传真：000-66668888</p>
            </div>
            <div class="foot-item foot3">
                <p class="info">邮编：100000</p>
                <p class="info">手机：186-6006-8008</p>
                <p class="info">邮箱：00060008@163.com</p>
            </div>            
        </div>
    </div>
</body>
</html>